@import './modules/reset';
@import './modules/header';
@import './modules/footer';
//首页banner开始
.banner{
	width:1263px;
	height:730px;
	position: relative;
	z-index: 1;
	&:hover .goPrev,&:hover .goNext{
		opacity: 1;
	}
	//根据实际图片的张数自动添加li（js）
	#bannerSlider{
		li {
			width:100%;
			overflow: hidden;
			opacity: 0;
			position: absolute;
			z-index: 0;
			transition: all .3s ease-in-out;
			&.ac {
				z-index: 80;
				opacity: 1;
				transition: all 0.8s ease-in-out;
			}
			a {
				img{
					margin-left:-240px;
					vertical-align: middle;
				}
			}
		}	
	}
	.btns{
		position: absolute;
		z-index: 110;
		bottom: 20px;
		left: 0;
		width: 100%;
		height: 10px;
		&>ul{
			text-align: center;
			& li{
				cursor: pointer;
				display: inline-block;
				zoom: 1;
				width: 30px;
				height: 10px;
				margin: 0px 5px;
				border-radius: 5px;
				line-height: 999px;
				overflow: hidden;
				background: #FFF;
				opacity: .5;
			}
			& .ac{
				opacity: 1;
			}
		}
	}
	& .goPrev,& .goNext{
		width:60px;
		height:110px;
		z-index: 120;
		position: absolute;
		margin-top: -55px;
		top:50%;
		//当鼠标移入banner时，opacity为1
		opacity: .5;
	}
	& .goPrev{
		left:3%;
		background:url(../images/icon.png) no-repeat -85px 0;
		
	}
	& .goNext{
		right:3%;
		position: absolute;
		background:url(../images/icon.png) no-repeat -149px 0;
	}
}
//首页banner结束
//首页main开始
main{
	width:980px;
	margin:0 auto;
	& h6{
		padding-top: 50px;
		height: 67px;
		text-align: center;
		line-height: 67px;
		font-size: 60px;
		font-weight: bold;
		color: #692c12;
	}
	&>span{
		height: 23px;
		border-bottom: 1px solid #692c12;
		width: 410px;
		display: block;
		margin: auto;
		font-size: 30px;
		color: #692c12;
		text-align: center;
		& em{
			line-height: 40px;
			padding: 0 20px;
			background: #FFF;
			display: inline-block;
			
		}
	}
	
	& ul li{
		float:left;
		&:nth-child(2) .txt{
			background: #e3d0c8;
		}

		& a{
			display: block;
			overflow: hidden;
		}
		& .txt{
			color: #692c12;
			height: 135px;
			padding: 0 20px 12px;
			background: #e3baa4;
			& em{
				height: 76px;
				line-height: 76px;
				text-align: center;
				display: block;
				color: #692c12;
				font-size: 18px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			&>span{
				font-size: 18px;
				
				& i{
					font-size: 24px;
					font-style: normal;
					font-weight: 600;
				}
				& b{
					font-size: 30px;
					font-style: normal;
					font-weight: 600;
					margin-right:20px;
				}
			}
			&>a{
				width: 98px;
				height: 38px;
				border: 1px solid #692c12;
				border-radius: 19px;
				text-align: center;
				line-height: 38px;
				color: #692c12;
				font-size: 16px;
				margin-top: 3px;
				float:right;
			}
		}
	}
	& .ul1{
		height:535px;
		margin-top: 45px;
		&>li{
			&:nth-child(2) p{
				background: #d5b4b2;
			}
			width:490px;
			
			&>a{
				width:490px;
				height:388px;
				 img{
					width:490px;
					height:388px;
					transition: all 0.6s;
					&:hover{
						transform: scale(1.1);
						transition: all 0.6s
					}
				}
			}

		}
	}
	& .ul2{
		height:404px;
		&>li{
			
			width: 326px;
			& a{
				width: 326px;
				height: 257px;
				overflow: hidden;
				 img{
					 width: 326px;
					 height: 257px;
					 transition: all 0.6s;
					 &:hover{
						transform: scale(1.1);
						transition: all 0.6s
					}
				 }
			}
		}
	}
	
	& .more{
		display: block;
		width: 52px;
		height: 52px;
		margin: 30px auto 0;
		background-position: -30px 0;
		
	}
	
}
//首页main结束
//footer_banner开始
.footer_banner{
		width:100%;
		height: 500px;
		overflow: hidden;
		text-align: center;
		margin-top: 45px;
		& img{
			height: 100%;
			margin-left: -87px;
			vertical-align: top;
		}
		
	}
//footer_banner结束

//icon
.icon{
	background: url(../images/icon.png) no-repeat;
}

